@charset "UTF-8";
*{position:relative;box-sizing:border-box;margin:0;padding:0;outline:0;border:0;border-color:rgba(0,0,0,.1);color:rgba(0,0,0,.6);list-style:none;text-decoration:none;word-wrap:break-word;font-size:1rem;font-family:Arial,sans-serif;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;/*-webkit-appearance:none;*/-webkit-overflow-scrolling:touch;overflow-scrolling:touch;touch-action:none;-ms-touch-action:none}
html{font-size:10px}
body,html{position:absolute;display:block;width:100%;height:100%;overflow:-moz-scrollbars-vertical;}
body{overflow-x:hidden;overflow-y:auto}
input[type=number]{-moz-appearance:textfield}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{margin:0;-webkit-appearance:none}
a,a:active,a:focus,a:hover,a:visited{color:rgba(0,0,0,.8)}
::-webkit-scrollbar{width:0}
.ooo{background:rgba(0,0,0,.5);border-radius:4px;color:#fff;display:block;position:absolute;z-index:100;text-align:center;}
.ooo i{color:#fff;font-weight:bold;}
.hide{display:none!important}
.disable{background:#bbb!important;color:#fff!important}
.footer,.header{position:fixed;z-index:10;display:table;width:100%;height:4rem}
.header{top:0;background:#a1cf64}
.header *{color:#fff;font-size:1.6rem}
.header>.left,.header>.right{position:absolute;z-index:15;top:0;padding:.4rem 1rem;font-size:2.4rem;line-height:3.2rem}
.header>.left{left:0}
.header>.right{right:0}
.header>.center{z-index:11;display:block;width:60%;height:4rem;line-height:2.4rem;padding:.8rem 0;margin:0 20%;font-size:1.8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center}
.header>.center *{font-size:1.4rem;color:#fff}
.header>.center>input{display:table;width:100%;padding:.4rem;line-height:1.4rem;border-radius:4px;color:#999}
.footer{bottom:0;background:#fff;border-top:1px solid #ddd}
.footer>.item{display:table-cell;height:4rem;border-left:1px solid #ddd}
.footer>.item.curr {background:#a1cf64!important;color:#fff}
.footer>.item.curr *{color:#fff}
.footer>.item *{font-size:3rem;text-align:center}
.footer>.item:first-child{border-left:0}
.footer>.item>*{display:list-item;width:100%;height:1.8rem;line-height:1.8rem;font-size:1.4rem}
.footer>.item>i{font-size:1.8rem;height:1.8rem;line-height:1.8rem;margin-top:.4rem;}
.footer>.item>i>font{display:inline-block;width: 1.4rem;height:1.4rem;top:-.8rem;margin-right:-1.4rem;border-radius:100%;background:red;color:#fff;font-size:1rem;line-height:1.4rem}
.footer.four>.item{width:25%}
.footer.five>.item{width:20%}
.sidebar{position:fixed;top:0;left:0;z-index:11;overflow-x:hidden;overflow-y:scroll;display:block;width:100%;height:100%;padding-left:40%;background:rgba(0,0,0,.6)}
.sidebar>.box{display:table;width:100%;height:100%;background:#fff}
.sidebar>.box>.top{display:table;width:100%;background:#a1cf64}
.sidebar>.box>.top>.left{position:absolute;top:0;left:0;display:inline-block;width:5rem;height:5rem;margin:.8rem .4rem}
.sidebar>.box>.top>.right{display:table;width:100%;padding:.8rem;padding-left:6rem;text-align:left}
.sidebar>.box>.top>.right>p{display:table;width:100%;line-height:2.6rem;color:#fff;text-align:left;font-size:1.2rem}
.sidebar>.box>p{display:list-item;width:100%;height:4rem;line-height:2.6rem;padding:.8rem;text-align:left;text-indent:.4rem;font-size:1.8rem;border-bottom:1px solid #ddd}
.sidebar>.box>p,.sidebar>.box>p *{color:#bbb}
.sidebar>.box>p.active,.sidebar>.box>p.active *{color:#a1cf64!important}
.sidebar>.box>p>.left{display:inline-block;width:2.6rem;height:2.6rem;line-height:2.6rem;margin-right:.8rem;font-size:2rem}
.nav{display:table;width:100%;height:4rem;background:#fff;border-top:1px solid #a1cf64;}
.nav>.item{display:table-cell;width:100%;height:3.8rem;line-height:3.8rem;font-size:1.4rem;font-weight:700;color:#a1cf64;text-align:center;border-left:1px solid #a1cf64;border-bottom:1px solid #a1cf64}
.nav>.item.curr{background:#fff; border-bottom:solid 1px #fff;}
.nav>.item *{height:3.8rem;line-height:3.8rem;font-size:2rem;font-weight:700;color:#a1cf64;vertical-align:top}
.nav>.item>i{margin-left:.4rem;font-size:1.8rem;font-weight:400}
.nav>.item:first-child{border-left:0}
.nav.two>.item{width:50%!important}
.nav.three>.item{width:33.33%!important}
.nav.four>.item{width:25%!important}
.nav.five>.item{width:20%!important}
.list{display:table;width:100%;margin-top:-2px}
.list>.item{display:list-item;width:100%;background:#fff}
.list.shop{display:block}
.list.shop>.item{display:block;border-bottom:1px solid #ddd}
.list.shop>.item>.left{position:absolute;z-index:1;top:0;left:0;width:6rem;height:6rem;margin:.4rem;border:1px solid #ddd;border-radius:4px}
.list.shop>.item>.center{display:block;width:100%;min-height:6.8rem;padding:.4rem .4rem 0 6.8rem}
.list.shop>.item>.center>p{display:block;width:100%;color:#aaa}
.list.shop>.item>.center>p *{color:#aaa}
.list.shop>.item>.center>.p1{font-size:1.4rem;height:1.6rem;line-height:1.6rem;color:#666;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.list.shop>.item>.center>.p2{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.list.shop>.item>.center>.p2,.list.shop>.item>.center>.p2 *{font-size:1.2rem;height:1.4rem;line-height:1.4rem;color:#666}
.list.shop>.item>.center>.p2>span{display:table;width:6.2rem;float:left}
.list.shop>.item>.center>.p2:last-child>span{position:absolute;left:0}
.list.shop>.item>.center>.p2>span>i{display:inline-block;float:left;width:1.2rem;font-size:1.2rem;color:orange}
.list.shop>.item>.center>.p2>span>i *{font-size:1.2rem}
.list.shop>.item>.center>.p3{font-size:1.4rem;height:2.2rem;line-height:1.6rem;color:#666;text-align:center;padding:.4rem 0;border-top:1px solid #ddd}
.list.shop>.item>.center>.p3>.left{position:absolute;left:0;display:table;font-size:1.4rem;line-height:1.6rem}
.list.shop>.item>.center>.p3>.left>i{display:inline-block;float:left;width:1.4rem;margin:0 .1rem}
.list.shop>.item>.center>.p3>.left>i,.list.shop>.item>.center>.p3>left>i *{height:1.4rem;line-height:1.6rem;font-size:1.4rem}
.list.shop>.item>.center>.more{display:none;width:100%;border-top:1px solid #ddd}
.list.shop>.item>.center>.more>p{display:list-item;width:100%}
.list.shop>.item>.center>.more>p,.list.shop>.item>.center>.more>p *{height:1.6rem;font-size:1.4rem;color:#aaa}
.list.shop>.item>.center>.more>p>i{position:absolute;width:1.4rem;height:1.4rem;margin:.1rem}
.list.shop>.item>.center>.more>p>span{display:inline-block;width:100%;padding-left:1.8rem;padding-right:.4rem}
.list.shop>.empty,.list.shop>.loader{display:list-item;width:100%;height:6.8rem;padding:.4rem;line-height:5.8rem;font-size:1.8rem;color:#aaa;border-bottom:1px solid #ddd;background:#fff}
.list.shop>.empty *,.list.shop>.loader *{height:5.8rem;line-height:5.8rem;font-size:2rem;color:#aaa}
.list.shop>.loader>i{margin-right:.8rem}
.list.shop>.loader{display:none}
.list.product{display:block;margin-top:0}
.list.product>.item{display:block;border-bottom:1px solid #ddd}
.list.product>.item>.left{position:absolute;z-index:5;top:0;left:0;width:6rem;height:6rem;margin:.4rem;border:1px solid #ddd;border-radius:4px}
.list.product>.item>.right{display:block;width:100%;padding:.4rem .2rem 0 6.8rem}
.list.product>.item>.right>p{display:block;width:100%;padding-top:.2rem}
.list.product>.item>.right>p *{color:#555}
.list.product>.item>.right>.p1{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.list.product>.item>.right>.p1,.list.product>.item>.right>.p1 *{font-size:1.4rem;line-height:1.6rem}
.list.product>.item>.right>.p1>small{font-size:.9rem}
.list.product>.item>.right>.p2,.list.product>.item>.right>.p2 *{font-size:1.2rem;line-height:1.4rem;}
.list.product>.item>.right>.p2>span>i{color:orange}
.list.product>.item>.right>.p3{font-size:1.6rem;line-height:1.6rem;font-weight:700;color:red;padding-top:.4rem}
.list.product>.item>.right>.p4{font-size:1rem;height:1.4rem;line-height:1rem;color:#ccc;text-indent:1px;padding-bottom:.4rem;text-decoration:line-through}
.list.product>.item>.btns{position:absolute;right:0;bottom:0;padding:.4rem;display:inline-block;line-height:3rem;font-weight:bold;}
.list.product>.item>.btns>*{display:inline-block;font-size:2rem;color:#ccc;text-align:center;line-height:3rem;float:right}
.list.product>.item>.btns>i,.list.product>.item>.btns>i *{width:3rem;height:3rem;font-size:2.4rem;color:#a1cf64}
.list.product>.item>.btns>i.deny{color:#bbb}
.list.product>.item>.btns>.num{width:3rem;font-size:1.6rem;}
.list.product>.empty,.list.product>.loader{display:list-item;width:100%;height:6.8rem;padding:.4rem;line-height:5.8rem;font-size:1.8rem;color:#aaa;border-bottom:1px solid #ddd;background:#fff}
.list.product>.empty *,.list.product>.loader *{height:5.8rem;line-height:5.8rem;font-size:2rem;color:#aaa}
.list.product>.loader>i{margin-right:.8rem}
.list.product>.loader{display:none}
.list.review>.item{border-bottom:1px solid #ddd;display:list-item;padding:.6rem}
.list.review>.item>p{display:table;width:100%}
.list.review>.item>.p1{height:2.6rem}
.list.review>.item>.p1,.list.review>.item>.p1 *{font-size:1.2rem;line-height:1.4rem;color:#aaa}
.list.review>.item>.p1>span{position:absolute;top:0;left:0;display:inline-block;padding:.6rem 0;width:8rem}
.list.review>.item>.p1>span>i,.list.review>.item>.p1>span>i *{color:#ff8c00}
.list.review>.item>.p1>small{left:8.8rem}
.list.review>.item>.p1>font,.list.review>.item>.p1>small{position:absolute;top:0;display:inline-block;padding:.6rem 0;width:8rem}
.list.review>.item>.p1>font{right:0;text-align:right}
.list.review>.item>.p2{font-size:1.6rem;font-weight:700;line-height:1.8rem;color:#666;padding:.6rem 0;word-break:break-all;word-wrap:break-word}
.list.review>.item>.p3{height:2rem}
.list.review>.item>.p3>span{display:inline-block;padding:.3rem .6rem;font-size:1.2rem;line-height:1.4rem;color:#a1cf64;margin-right:.4rem;border:1px solid #a1cf64;border-radius:4px}
.list.review>.empty,.list.review>.loader{display:list-item;width:100%;height:6.8rem;padding:.8rem;line-height:5rem;font-size:1.8rem;color:#aaa;border-bottom:1px solid #ddd;background:#fff}
.list.review>.empty *,.list.review>.loader *{height:5rem;line-height:5rem;font-size:2rem;color:#aaa}
.list.review>.loader>i{margin-right:.8rem}
.list.review>.loader{display:none}
